<!doctype html>
<html>

{include file="common/head" /}

<body data-type="index">

    {include file="common/nav" /}

    <div class="tpl-page-container tpl-page-header-fixed">

        <!-- 左侧菜单列表 -->
        {include file="common/left_menu_list" /}

        <div class="tpl-content-wrapper">
            <ol class="am-breadcrumb">
                <li><a href="#" class="am-icon-home">后台首页</a></li>
                <li class="am-active">新闻管理</li>
                <li class="am-active">添加新闻</li>
            </ol>

            <!-- 内容管理区 s -->
            <div class="tpl-portlet-components">
                <div class="portlet-title">
                    <div class="caption font-green bold">
                        <span class="am-icon-code"></span>新闻添加
                    </div>
                </div>
                <div class="tpl-block ">
                    <div class="am-g tpl-amazeui-form">
                        <div class="am-u-sm-12 am-u-md-9">
                            <form class="am-form am-form-horizontal">
                                <div class="am-form-group">
                                    <label for="user-name" class="am-u-sm-2 am-form-label am-text-left">标题</label>
                                    <div class="am-u-sm-10">
                                        <input type="text" id="user-name" placeholder="文章标题">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-email" class="am-u-sm-2 am-form-label am-text-left">描述</label>
                                    <div class="am-u-sm-10">
                                        <input type="email" id="user-email" placeholder="文章摘要">
                                    </div>
                                </div>

                                <!-- 图片上传 -web uploader -->
                                <div class="am-form-group">
                                    <label for="user-email" class="am-u-sm-2 am-form-label am-text-left">缩略图</label>
                                    <div class="am-u-sm-10">
                                        <!-- 引入css -->
                                        <link rel="stylesheet" href="__STATIC__/js/uploader/css/webuploader.css">
                                        <!-- 引入js -->
                                        <script src="__STATIC__/js/uploader/src/webuploader.js"></script>
                                    </div>
                                    <div id="uploader">
                                        <!-- 用来存放文件信息 -->
                                        <div id="thelist"></div>
                                        <div class="btns">
                                            <div id="picker">选择图片</div>
                                            <button id="ctlBtn" class="am-btn am-btn-primary">开始上传</button>
                                        </div>
                                    </div>
                                    <script>
                                        var uploader = WebUploader.creat({

                                            //swf文件路径
                                        });
                                    </script>
                                </div>
                                <!-- 图片上传 -web uploader -->

                                <div class="am-form-group">
                                    <label for="user-email" class="am-u-sm-2 am-form-label am-text-left">标题颜色</label>
                                    <div class="am-u-sm-10">
                                        <select data-am-selected="{btnSize: 'sm'}" style="display: none;">
                                            <option value="option1">==请选择颜色==</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-email" class="am-u-sm-2 am-form-label am-text-left">所属栏目</label>
                                    <div class="am-u-sm-10">
                                        <select data-am-selected="{btnSize: 'sm'}" style="display: none;">
                                            <option value="option1">所属栏目</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="user-email" class="am-u-sm-2 am-form-label am-text-left">来源</label>
                                    <div class="am-u-sm-10">
                                        <select data-am-selected="{btnSize: 'sm'}" style="display: none;">
                                            <option value="option1">来源</option>
                                        </select>
                                    </div>
                                </div>

                                <!-- ueditor文本编辑器 -s- -->
                                <div class="am-form-group">
                                    <label for="user-intro" class="am-u-sm-12 am-form-label am-text-left">内容</label>
                                </div>
                                <div class="am-form-group">
                                    <div class="am-u-sm-12">
                                        <!-- 加载编辑器的容器 -->
                                        <script type="text/plain" name="content" id="container">
                                        </script>
                                        <!-- 配置文件 -->
                                        <script src="__STATIC__/js/ueditor/ueditor.config.js"></script>
                                        <!-- 编辑器源码文件 -->
                                        <script src="__STATIC__/js/ueditor/ueditor.all.js"></script>
                                        <!-- 实例化编辑器 -->
                                        <script>
                                            var ue = UE.getEditor('container',{
                                                //设置编辑区的高度
                                                initialFrameHeight : 450,
                                            });
                                        </script>
                                    </div>
                                </div>
                                <!-- ueditor文本编辑器 -e- -->

                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-0">
                                        <button type="button" class="am-btn am-btn-primary">添加</button>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 内容管理区 e -->
        </div>

    </div>

    <script>
        var Redirect = {
            "add_url"  : "/admin/menu_manage/add",
            "edit_url" : "/admin/menu_manage/edit",
            "del_url"  : "/admin/menu_manage/del",
            "order_url": "/admin/menu_manage/order",
        };
    </script>
    {include file="common/script" /}
</body>

</html>